<%@ page language="java" isELIgnored="false" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ include file="../common/header.jsp" %>
<section class="container">
<div class="content-wrap">
<div class="content">
  <div id="focusslide" class="carousel slide" data-ride="carousel">
	<ol class="carousel-indicators">
	  <li data-target="#focusslide" data-slide-to="0" class="active"></li>
	  <li data-target="#focusslide" data-slide-to="1"></li>
	</ol>
	<div class="carousel-inner" role="listbox">
	  <div class="item active">
<%--	  <a href="#" target="_blank" title="纸牌屋" >--%>
	  <img src="../resources/home/images/side12.jpg" alt="纸牌屋" class="img-responsive"></a>
	  </div>
	  <div class="item">
<%--	  <a href="#" target="_blank" title="平凡世界" >--%>
	  <img src="../resources/home/images/side13.jpg" alt="平凡世界" class="img-responsive"></a>
	  </div>
	</div>
	<a class="left carousel-control" href="#focusslide" role="button" data-slide="prev" rel="nofollow"> 
		<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> 
		<span class="sr-only">上一个</span> 
	</a> 
	<a class="right carousel-control" href="#focusslide" role="button" data-slide="next" rel="nofollow">
		<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> 
		<span class="sr-only">下一个</span> 
	</a> 
	</div>
  <div class="title">
	<h3>最新发布</h3>
  </div>
  <c:forEach items="${bookList }" var="book">
  <article class="excerpt excerpt-1" style="">
  <a class="focus" href="../book/detail?id=${book.id }" title="${book.title }" target="_blank" ><img class="thumb" data-original="${book.photo }" src="${book.photo }" alt="${book.title }"  style="display: inline;"></a>
		<header><a class="cat" href="../book/category_list?cid=${book.categoryId }" title="${book.bookCategory.name }" >${book.bookCategory.name }<i></i></a>
			<h2><a href="../book/detail?id=${book.id }" title="${book.title }" target="_blank" >${book.title }</a>
			</h2>
		</header>
		<p class="meta">
			<time class="time"><i class="glyphicon glyphicon-time"></i> <fmt:formatDate value="${book.createTime }" pattern="yyyy-MM-dd hh:mm:ss" /></time>
			<span class="views"><i class="glyphicon glyphicon-eye-open"></i> ${book.viewNumber }</span>
			<a class="comment" href="../book/detail?id=${book.id }#comment" title="评论" target="_blank" ><i class="glyphicon glyphicon-comment"></i>${book.commentNumber }</a>
		</p>
		<p class="note">${book.abstrs }</p>
	</article>
	</c:forEach>
	<div class="ias_trigger" style="display:none;"><a href="javascript:0">查看更多</a></div>
</div>
</div>
<%@ include file="../common/sidebar.jsp" %>
</section>
<%@ include file="../common/footer.jsp" %>